<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>固定定位</title>
    <style>
        div {
            width: 20px;
            height: 20px;
            background-color: #00FF00;
            position: fixed;
            left: 0;
            top: 100px;
        }

        p {
            height: 2000px;
            background-color: #ea29ff;
        }
    </style>
</head>
<body>
<!--固定定位与父元素没有关系只定位与浏览器，完全脱标，不占位置，不随滚动条移动，固定定位也是一种特殊的绝对定位-->
<div class="ad"></div>
<p>段落段落段落段落</p>
</body>
</html>